<template>
    <div>
        <div  style="margin-top: 100px">
            <el-tabs type="border-card">
                <el-tab-pane label="权限管理">
                    <el-table
                            :data="tableData"
                            style="width: 100%">
                        <el-table-column
                                prop="date"
                                label="用户名"
                                width="180">
                        </el-table-column>
                        <el-table-column
                                prop="name"
                                label="密码"
                                width="180">
                        </el-table-column>
                        <el-table-column
                                prop="address"
                                label="权限管理">
                        </el-table-column>
                    </el-table>
                    <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page="currentPage4"
                            :page-sizes="[100, 200, 300, 400]"
                            :page-size="100"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="400">
                    </el-pagination>
                </el-tab-pane>
                <el-tab-pane label="景区管理">
                    <el-table
                            :data="tableData"
                            style="width: 100%">
                        <el-table-column
                                prop="date"
                                label="景区名字"
                                width="180">
                        </el-table-column>
                        <el-table-column
                                prop="name"
                                label="景区描述"
                                width="180">
                        </el-table-column>
                        <el-table-column
                                prop="address"
                                label="操作">
                        </el-table-column>
                    </el-table>
                    <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page="currentPage4"
                            :page-sizes="[100, 200, 300, 400]"
                            :page-size="100"
                            layout="total, sizes, prev, pager, next, jumper"
                            :total="400">
                    </el-pagination>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>

<script>
    export default {
        name: "admin"
    }
</script>

<style scoped>

</style>
